<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title></title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#content {
	text-align :center;
	font-size : 11px;
}
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=vi"></script>
<script type="text/javascript">
  function initialize() {
    var myLatlng = new google.maps.LatLng(20.984361,105.846298);
    var Options = {
      zoom: 17,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
	
	
    var map = new google.maps.Map(document.getElementById("map_canvas"), Options);
	var contentString = '<div id = "content">' 
	+ '<h2 class="firstHeading" id="firstHeading"><a href=""></a></h2>'
	+ '<div id="bodyContent">'
	+ '<p><b></b></p'
	+ '</div>'
	+ '</div>';
	
	
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });

	var image = 'upload/2013/01/21071129_nhatnghe.png';
	var marker = new google.maps.Marker({
	position: myLatlng, 
	map: map,
	icon: image,
	title:""
    }); 
	
	google.maps.event.addListener(marker, 'click', function() {
	infowindow.open(map,marker);
	});
	
  }
</script>
</head>
<body onLoad="initialize()">
  <div id="map_canvas"></div>
</body>

</html>
